<template>
  <div class="wrap">

    <div class="app1">
      <router-view />
    </div>
    <div class="app2">
      <van-tabbar route active-color="#ee0a24">
        <van-tabbar-item replace to="/" icon="home-o">首页</van-tabbar-item>
        <van-tabbar-item replace to="/topic" icon="label-o">专题</van-tabbar-item>
        <van-tabbar-item replace to="/category" icon="apps-o">分类</van-tabbar-item>
        <van-tabbar-item replace to="/car" icon="shopping-cart-o">购物车</van-tabbar-item>
        <van-tabbar-item replace to="/my" icon="manager-o">我的</van-tabbar-item>
      </van-tabbar>
    </div>

  </div>
</template>

<script>
export default {
    
}
</script>
<style>
*{
  margin: 0;
  padding: 0;
}

.wrap{
  display: flex;
  flex-direction: column;
}
.app1{
  flex: 1;
}
.app2{
  width: 100%;
  height: 50px;
}
</style>